<template>
  <view class="my-box">
    <view class="my-song-box" >
      <view class="my-song-img-box">
        <image class="my-song-img" src="../../static/777.webp" mode="widthFix"></image>
      </view>
      <view class="my-song-text">
        心动剪辑 | 你要的BGM都在这里，赶快来拿
      </view>
    </view>
    <view class="my-song-box" >
      <view class="my-song-img-box">
        <image class="my-song-img" src="../../static/777.webp" mode="widthFix"></image>
      </view>
      <view class="my-song-text">
        心动剪辑 | 你要的BGM都在这里，赶快来拿
      </view>
    </view>
    <view class="my-song-box" >
      <view class="my-song-img-box">
        <image class="my-song-img" src="../../static/777.webp" mode="widthFix"></image>
      </view>
      <view class="my-song-text">
        心动剪辑 | 你要的BGM都在这里，赶快来拿
      </view>
    </view>
    <view class="my-song-box" >
      <view class="my-song-img-box">
        <image class="my-song-img" src="../../static/777.webp" mode="widthFix"></image>
      </view>
      <view class="my-song-text">
        心动剪辑 | 你要的BGM都在这里，赶快来拿
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        
      };
    }
  }
</script>

<style lang="scss">
  .my-box{
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    .my-song-box{
      width: 47%;
      margin-top: 20px;
        .my-song-img{
          width: 100%;
          display: block;
          border-radius: 8px;
      }
      .my-song-text{
        width: 100%;
        font-size: 14px;
        margin-top: 7px;
      }
    }
  }

</style>
